<template>
  <div class="home-panel home-senior">
    <div class="panel-header">
      <text class="panel-header--title">高级顾问</text>
    </div>
    <div class="panel-content senior-box">
      <div class="senior-swiper-container">
        <swiper
          class="senior-swipe"
          :indicator-dots="swiper.indicatorDots"
          :autoplay="swiper.autoplay"
          :interval="swiper.interval"
          :duration="swiper.duration"
          :current="activeIndex"
          @change="activeIndex = $event.detail.current"
          indicator-active-color="#f54305"
          indicator-color="#d9d9d9"
          previous-margin="38rpx"
          next-margin="38rpx"
        >
          <!-- slides -->
          <swiper-item
            v-for="(item,$index) in list"
            :key="item.name"
            class="senior-swipe-item"
            :class="{'is-scale' : activeIndex !== $index}"
          >
            <div class="senior-container">
              <div class="senior-header">
                <div class="senior-avatar">
                  <image
                    class="senior-avatar--image"
                    :src="item.img"
                    :alt="item.name"
                    v-lazy="item.img"
                  />
                </div>
                <div class="senior-desc">
                  <div class="senior-name">{{ item.name }}</div>
                </div>
              </div>
              <div class="senior-main van-multi-ellipsis--l3">{{ item.desc }}</div>
            </div>
          </swiper-item>
        </swiper>
      </div>
      <view class="swiper-pagination">
        <view class="indicator-dots">
          <view
            class="swiper-pagination-bullet"
            :class="{ 'swiper-pagination-bullet-active' : activeIndex === $index}"
            v-for="(item, $index) in list"
            :key="$index"
          ></view>
        </view>
      </view>
    </div>
  </div>
</template>

<script>
export default {
  name: "HomeSenior",
  components: {},
  props: {},
  "mp-weixin": {
    options: {
      multipleSlots: true, // 在组件定义时的选项中启用多slot支持
      styleIsolation: "shared" //  这个选项等价于设置 styleIsolation: apply-shared ，但设置了 styleIsolation 选项后这个选项会失效。
    }
  },
  data() {
    return {
      list: [
        {
          img:
            "https://www.yjzgo.com/lt-page-weixin-static/public/image/home/senior/mq.jpg",
          name: `马群`,
          desc: `江苏泰和律师事务所首席合伙人，一级律师。任中华全国律师协会外事委员会委员、
                江苏省律师协会原副会长、南京大学法律硕士专业学位兼职研究生指导教师、江苏省法学会学术委员会委员、江苏省资本市场研究会常务理事、江苏省国有资产监督管理委员会特邀外部董事和法律顾问、
                江苏省委特聘法律专家库成员、江苏省基金专家咨询委员、 江苏省法官遴选委员会、检察官遴选委员会委员、 江苏省法官惩戒委员会、检察官惩戒委员会委员。`
        },
        {
          img: `https://www.yjzgo.com/lt-page-weixin-static/public/image/home/senior/cyf.jpg`,
          name: `陈发云`,
          desc: `国浩律师（南京）事务所合伙人、一级律师。任江苏省人大常委会决策咨询专家、江苏省商务厅特聘“江苏省企业国际化专家库专家、
                亚太法协（LAWASIA）“一带一路”常设委员会委员、国际商会中国国家委员会仲裁委员会委员、中华全国律协首届“涉外律师领军人才”和“一带一路”项目跨境律师人才库律师、司法部“涉外律师人才库”律师，新加坡国际仲裁中心（SIAC）、香港国际仲裁中心（HKIAC）、伦敦国际仲裁院“仲裁员数据库”（LCIA）；`
        },
        {
          img: `https://www.yjzgo.com/lt-page-weixin-static/public/image/home/senior/zy.jpg`,
          name: `邹毅`,
          desc: `北京大成（南京）律师事务所高级合伙人、知识产权与信息网络部主任律师。任中华全国律师协会信息网络与高新技术委员会委员，江苏省律师协会电子商务与信息网络委员会主任、副主任，中国人民大学律师学院兼职教授，上海交通大学凯原法学院校外硕士生导师，江苏省互联网协会监事、法律服务工作委员会副主任、秘书长，江苏省互联网争议人民调解委员会秘书长，广州、南京、九江市仲裁委员会
                仲裁员。获江苏省十佳青年律师、南京市十佳律师称号。`
        },
        {
          img: `https://www.yjzgo.com/lt-page-weixin-static/public/image/home/senior/dw.jpg`,
          name: `段伟`,
          desc: `云南省昆明市明信公证处主任、一级公证员。任中国公证协会副会长、国际公证联盟总理事、中国法学会法律文书学研究会主任委员、中国政法大学公证法学研究中心研究员、全国司法行政学院高级师资库专家、云南省地方立法论证咨询评估专家库专家、云南省法律咨询暨案件评查专家库专家、昆明市公证员协会会长、昆明市科技领军人才、“昆明市科技众创空间·创新创业梦想导师”、政协昆明市第十三届常委会委员、九三学社昆明市委副主委。`
        },
        {
          img: `https://www.yjzgo.com/lt-page-weixin-static/public/image/home/senior/ly.jpg`,
          name: `李勇`,
          desc: `中共党员，任四川省成都市律政公证处党委书记、主任，四川省第十一次党代会代表，中国公证协会常务理事、业务规则委员会主任委员，四川司法行政系统十大杰出人物，四川省公证协会常务副会长，四川省法学会常务理事、学术委员会委员，四川省法学会公证法学研究会副会长、秘书长，四川省委政法委作风监督员，中国政法大学公证法学研究中心研究员，西华大学客座教授、法律硕士研究生导师，西华大学律政公证法学研究中心学术委员会主任。`
        },
        {
          img: `https://www.yjzgo.com/lt-page-weixin-static/public/image/home/senior/wxh.jpg`,
          name: `王晓华`,
          desc: `华东政法大学教师、硕士生导师，法学博士、博士后。华东检察研究院办公室主任。主要从事诉讼法学、证据法学、公证法学、高校智库建设等领域的教学与研究。
                单独著有《我国刑事被告人质证权研究》；参编、合著《诉讼阶段公证保全证据活动》、《刑事诉讼法学》、《诉讼证据法学》、《未成年人刑事诉讼法》、《比较法视野下依法独立行使审判权检察权保障机制研究》、《刑事诉讼法学教学研究资料汇编》、《检察制度史》等教材著作。`
        }
      ],
      page: {
        currentPage: 1,
        pageNumber: 6,
        totalNumber: 0,
        totalPage: 1
      },
      activeIndex: 1,
      swiper: {
        indicatorDots: false,
        autoplay: false,
        interval: 2000,
        duration: 500
      }
    };
  },
  created() {
    this.loadEssenceseniorList();
  },
  mounted() {},
  methods: {
    handleClickGotoLession() {
      this.$router.push(`/lession`);
    },

    // 加载推荐的课程
    loadEssenceseniorList() {
      // var params = {
      //   ...this.page
      // };
      // var self = this;
      // selectEssenceseniorbyPageAPI(params).then(
      //   ({ respCode, respMsg, result }) => {
      //     if (respCode !== '0') {
      //       // 加载失败
      //       this.isloading = false;
      //       this.$toast.fail(respMsg);
      //       return;
      //     }
      //     self.list = result.list.slice(0, 6);
      //     this.page.totalPage = result.page.totalPage;
      //   }
      // );
    }
  }
};
</script>
<style lang="scss">
.home-senior {
  width: 100%;
  background-color: $fill-body !important;
  margin-top: 0.21333rem;
  box-sizing: border-box;
  .senior-swipe {
    height: 948rpx;
  }
  .panel-content {
    position: relative;
  }
  .senior-swipe-item {
    width: 674rpx;
    padding: 0 10rpx;
    box-sizing: border-box;
    &.is-scale {
      .senior-container {
        height: 825rpx;
        margin-top: 32.5rpx;
      }
    }
  }
  .senior-container {
    position: relative;
    display: inline-block;
    width: 654rpx;
    height: 890rpx;
    background-color: #ffffff;
    box-shadow: 0rpx 0rpx 12rpx 0rpx rgba(132, 132, 132, 0.14);
    border-radius: 10rpx;
    padding: 0 47rpx;
    box-sizing: border-box;
    &::after {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 128rpx;
      background-image: url(/static/images/home/xing.png);
      background-size: 100% 100%;
      content: "";
    }

    .senior-header {
      margin-bottom: 26rpx;
      text-align: center;
      .senior-avatar {
        display: inline-block;
        width: 142rpx;
        height: 142rpx;
        margin-top: 64rpx;
        .senior-avatar--image {
          width: 142rpx;
          height: 142rpx;
          border-radius: 50%;
        }
      }
      .senior-desc {
        padding: 0 20rpx;
        box-sizing: border-box;
        .senior-name {
          font-size: 46rpx;
          font-weight: normal;
          font-stretch: normal;
          line-height: 70rpx;
          letter-spacing: 0rpx;
          color: #2c2c35;
        }
      }
    }
    .senior-main {
      font-size: 28rpx;
      font-weight: normal;
      font-stretch: normal;
      line-height: 43rpx;
      letter-spacing: 0rpx;
      color: #aeafc0;
      text-align: left;
      -webkit-line-clamp: 11;
    }
  }
}
</style>
